<template>
  <div>
    <!-- 头部 -->
    <top-login></top-login>
    <!-- 选择 -->
    <nav-top></nav-top>
    <div class="bg1">
      <div class="bg2"></div>
    </div>
    
    <!-- 底部 -->
    <bottom-login></bottom-login>
  </div>
</template>

<script>
import topLogin from "../components/topLogin";
import navTop from "../components/navTop";
import bottomLogin from "../components/bottomLogin";
export default {
  data() {
    return {
      property: "value",
    };
  },

  components: {
    topLogin,
    navTop,
    bottomLogin,
  },
};
</script>

<style lang="scss" scoped>
.bg1{
  background-color: black;
  height: 200px;
  width: 100%;
  overflow: hidden;
  .bg2{
    width: 100%;
    height: 100%;
    background-image: url(../assets/img/main/bg2.jpg);
    background-size: 1000% 1000px;
    background-repeat: no-repeat;
  }
}
</style>